<%--
  Created by IntelliJ IDEA.
  User: focus
  Date: 2018/1/7
  Time: 23:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../base.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <base href="<%=basePath%>">
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <meta name="renderer" content="webkit" />
    <title>话题广场</title>
    <meta name="keywords" content="wecenter,知识社区,企业社区,社交问答,问答社区,企业社交,开源社区程序,社交社区程序,开源问答程序,问答网站,social question,微信,微信公众平台,微信开发,微信开发社区,微信应用" />
    <meta name="description" content="WeCenter 是一款知识型的社交化问答社区程序，专注于社区内容的整理、归类和检索，并通过连接微信公众平台，移动APP进行内容分发。"  />
    <link href="css/default/img/favicon.ico?v=20160523" rel="shortcut icon" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="css/icon.css" />
    <link href="css/default/common.css?v=20160523" rel="stylesheet" type="text/css" />
    <link href="css/default/link.css?v=20160523" rel="stylesheet" type="text/css" />
    <link href="js/plug_module/style.css?v=20160523" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
        var _B6137DC3618A7CEDB579C2EF7E46D31F="5a763cc81a9da2b80f76d3da87a63534";
        var G_POST_HASH=_B6137DC3618A7CEDB579C2EF7E46D31F;
        var G_INDEX_SCRIPT = "";
        var G_SITE_NAME = "WeCenter 社交化问答社区程序";
        var G_BASE_URL = "http://wenda.wecenter.com";
        var G_STATIC_URL = "http://wenda.wecenter.com/static";
        var G_UPLOAD_URL = "http://wenda.wecenter.com/uploads";
        var G_USER_ID = "41635";
        var G_USER_NAME = "FOCUS";
        var G_UPLOAD_ENABLE = "Y";
        var G_UNREAD_NOTIFICATION = 0;
        var G_NOTIFICATION_INTERVAL = 100000;
        var G_CAN_CREATE_TOPIC = "";
        var G_ADVANCED_EDITOR_ENABLE = "Y";
        var FILE_TYPES = "jpg,jpeg,png,zip,rar,7z";
    </script>

    <script src="js/jquery.2.js?v=20160523" type="text/javascript"></script>
    <script src="js/jquery.form.js?v=20160523" type="text/javascript"></script>
    <script src="js/plug_module/plug-in_module.js?v=20160523" type="text/javascript"></script>
    <script src="js/aws.js?v=20160523" type="text/javascript"></script>
    <script src="js/aw_template.js?v=20160523" type="text/javascript"></script>
    <script src="js/app.js?v=20160523" type="text/javascript"></script>
    <script type="text/javascript" src="js/compatibility.js"></script>
    <!--[if lte IE 8]>
    <script type="text/javascript" src="js/respond.js"></script>
    <![endif]-->
</head>
<noscript unselectable="on" id="noscript">
    <div class="aw-404 aw-404-wrap container">
        <img src="common/no-js.jpg">
        <p>你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!</p>
    </div>
</noscript>
<body>
<%@ include file="../common/header.jsp"%>

<div class="aw-container-wrap">
    <div class="container">
        <div class="row">
            <div class="aw-content-wrap clearfix">
                <div class="col-sm-12 col-md-9 aw-main-content">
                    <!-- tab切换 -->
                    <ul class="nav nav-tabs aw-nav-tabs active hidden-xs">
                        <li ><a href="topic/month/1">30 天</a></li>
                        <li class="active"><a href="topic/week/1">7 天</a></li>
                        <li ><a href="topic/all/1">全部</a></li>
                        <h2 class="hidden-xs"><i class="icon icon-topic"></i> 热门话题</h2>
                    </ul>
                    <!-- end tab切换 -->

                    <!-- 我关注的话题 -->
                    <div class="aw-mod aw-topic-list">
                        <div class="mod-body clearfix">
                            <c:forEach var="t" items="${result.list}">
                            <div class="aw-item">
                                <!-- 话题图片 -->
                                <a class="img aw-border-radius-5" href="http://wenda.wecenter.com/topic/bug" data-id="${t.id}">
                                    <img src="${t.topicPic}" alt="" />
                                </a>
                                <!-- end 话题图片 -->
                                <p class="clearfix">
                                    <!-- 话题内容 -->
                                    <span class="topic-tag">
                                        <a class="text" href="http://wenda.wecenter.com/topic/bug" data-id="${t.id}">${t.topicName}</a>
                                    </span>
                                    <!-- end 话题内容 -->
                                </p>
                                <p class="text-color-999">
                                    <span>${t.discussCount} 个讨论</span>
                                    <span>${t.concernNumber} 个关注</span>
                                </p>
                            </div>
                            </c:forEach>
                        </div>
                        <div class="mod-footer clearfix">
                            <div class="page-control">
                                <ul class="pagination pull-right">
                                    <c:set var="c" value="${result.currentpage}" scope="page"/>
                                    <c:set var="e" value="${result.totalpage}" scope="page"/>
                                    <c:if test="${c-3 gt 1}">
                                        <li><a href="topic/week/1">&lt;&lt;</a></li>
                                    </c:if>
                                    <c:if test="${c ne 1}">
                                        <li><a href="topic/week/${result.previousPage}">&lt;</a></li>
                                    </c:if>
                                    <c:forEach var="p" items="${result.pageBar}">
                                        <c:if test="${p eq c}">
                                            <li class="active"><a href="javascript:;">${p}</a></li>
                                        </c:if>
                                        <c:if test="${p ne c}">
                                            <li><a href="topic/week/${p}">${p}</a></li>
                                        </c:if>
                                    </c:forEach>
                                    <c:if test="${c ne e}">
                                        <li><a href="topic/week/${result.nextPage}">&gt;</a></li>
                                    </c:if>
                                    <c:if test="${c+3 lt e}">
                                        <li><a href="topic/week/${result.totalpage}">&gt;&gt;</a></li>
                                    </c:if>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- end 我关注的话题 -->
                </div>
                <!-- 侧边栏 -->
                <div class="col-sm-3 col-md-3 aw-side-bar hidden-sm hidden-xs">
                    <!-- 新增话题 -->
                    <div class="aw-mod new-topic">
                        <div class="mod-head">
                            <h3>新增话题</h3>
                        </div>
                        <div class="mod-body clearfix">
                            <div class="aw-topic-bar">
                                <div class="topic-bar clearfix">
                                    <c:forEach var="r" items="${recent.list}">
                                    <span class="topic-tag">
                                        <a class="text" href="topic/all/${r.id}" data-id="${r.id}">${r.topicName}</a>
                                    </span>
                                    </c:forEach>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end 侧边栏 -->
            </div>
        </div>
    </div>
</div>
<a class="aw-back-top hidden-xs" href="javascript:;" onclick="$.scrollTo(1, 600, {queue:true});"><i class="icon icon-up"></i></a>
<div id="aw-ajax-box" class="aw-ajax-box"></div>
</body>
</html>